import React from 'react';
import ReactDOM from 'react-dom';
import { Menu, Icon } from 'antd';


//react-router路由部分引入

import {Router,Route,hashHistory,IndexRoute} from 'react-router';
import { Layout } from 'antd';
var Header = require('./modules/Header');
var Home = require('./Index/Home');
var Singer = require('./Singer/Singer');

var Album = require('./Album/Album');
var AlbumNew=require('./Album/new');
var AlbumHot=require('./Album/hot');
var AlbumDetail=require('./Album/detail');

var ClassifyMusic = require('./ClassifyMusic/ClassifyMusic');

var Leaderboard = require('./Leaderboard/Leaderboard');
var Mv=require('./Mv/Mv');
var Hot = require('./Mv/Hot.js');
var Now = require('./Mv/Now.js');
var Mymusic = require('./Mymusic/Mymusic');
var Vip=require('./Vip/Vip')

var New = require('./Leaderboard/New');
var Zhot = require('./Leaderboard/Zhot');
var Omg = require('./Leaderboard/Omg');
var Inter = require('./Leaderboard/Inter');
var Rock = require('./Leaderboard/Rock');
var Asia = require('./Leaderboard/Asia');
var details = require('./Leaderboard/details');
var details = require('./Leaderboard/details');
var Omg_details = require('./leaderboard/Omg_details')
var Rock_details = require('./leaderboard/Rock_details')
var Open = require('./leaderboard/Open')
const SubMenu = Menu.SubMenu;
var Obj=require('./Mymusic/Like')

var ClassifyMusicNew = require('./ClassifyMusic/ClassifyMusicNew.js');
var Recomment = require('./ClassifyMusic/Recomment.js');


class Index extends React.Component {
  render() {
    return (
      <div>
            {/*<Header/>*/}
            <Router history={hashHistory}>
              <Route path="/" component={Home}/>
                            
              <Route path="/Singer" component={Singer}/>
              
              <Route path="/Album" component={Album}>
                <IndexRoute  component={AlbumHot}/>
                <Route path="/Album/New" component={AlbumNew}/>              
              </Route>
              <Route path="/Detail/:songId" component={AlbumDetail}/>    
              <Route path="/ClassifyMusic" component={ClassifyMusic}>
                <Route path="/ClassifyMusic/Recomment" component={Recomment}/>
                <Route path="/ClassifyMusic/ClassifyMusicNew" component={ClassifyMusicNew}/>
                <IndexRoute  component={ClassifyMusicNew}/>
              </Route>
              

              <Route path="/details/:songId" component={details}/> 
              <Route path="/Omg_details/:songId" component={Omg_details}/> 
              <Route path="/Rock_details/:songId" component={Rock_details}/> 
              <Route path="/Open" component={Open}/> 
              <Route path="/Leaderboard" component={Leaderboard}>
                  <IndexRoute  component={Rock}/>
                  <Route path="/Leaderboard/Zhot" component={Zhot}/>
                  <Route path="/Leaderboard/Omg" component={Omg}/>
                  <Route path="/Leaderboard/Inter" component={Inter}/>
                  <Route path="/Leaderboard/New" component={New}/>
                  <Route path="/Leaderboard/Asia" component={Asia}/>
              </Route>
              
              <Route path="/Mv" component={Mv}>
                  <Route path="/Mv/Now" component={Now}/>
                  <Route path="/Mv/Hot" component={Hot}/>
                  <IndexRoute  component={Hot}/>    
              </Route>
              <Route path="/Mymusic" component={Mymusic}>
                   
                    <Route path='/Mymusic/Like' component={Obj.Like}>
                        <IndexRoute  component={Obj.Muisc}/>
                        <Route path="/Mymusic/Like/2" component={Obj.MuiList}/>
                        <Route path="/Mymusic/Like/3" component={Obj.MuiSpecial}/>
                        <Route path="/Mymusic/Like/4" component={Obj.MuiMV}/>                       
                   </Route>
                    
                    <Route path="/Mymusic/Songlist" component={Obj.Songlist}/>
                    <Route path="/Mymusic/Attention" component={Obj.Attention}/>
                    <Route path="/Mymusic/Fans" component={Obj.Fans}/>
                    <Route path="/Mymusic/Video" component={Obj.Video}/>
                   
              </Route>
              <Route path="/Vip" component={Vip}></Route>
              
            </Router>
            
              
          
          
        
      </div>
    );
  }
}


ReactDOM.render(<Index/>, document.getElementById('root'));



